<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>text-overflow</title>
<style type="text/css">
@font-face{
    font-family: "MOOC Font";
    src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");
}
.test_demo{
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    width:200px; 
    background:#ccc;
    font-family: "MOOC Font";
    text-shadow: 2px 2px 6px red;/*文本阴影*/
}
</style>
</head> 
<body>
<div class="test_demo">
  超酷的IT技术学习平台（我是省略号）
</div>
</body>
</html>